<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新东方网-新东方培训学校官网_中小学辅导_考研四六级出国课程-新东方网</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <style>
    </style>
</head>

<body>
    <div class="wrap">
        <!-- 头部 -->
        <header class="header">
            <div class="w">
                <div class="head-left">
                    <a href="#">
                        请登录
                    </a>
                </div>
                <div class="head-right">
                    <div class="child">
                        <p>
                            <a href="#">子机构</a>
                            <span class="icon icon-1"></span>
                        </p>
                        <div class="list">
                            <div>
                                <a href="#">新东方在线</a>
                                <a href="#">新东方大愚图书</a>
                                <a href="#">家庭教育中心</a>
                                <a href="#">新东方OKAY</a>
                                <a href="#">职上网</a>
                                <a href="#">酷学多纳</a>
                                <a href="#">东方新创</a>
                                <a href="#">比邻外交</a>
                                <a href="#">新东方AI研究院</a>
                            </div>
                            <div>
                                <a href="#">满天星幼儿园</a>
                                <a href="#">泡泡少儿教育</a>
                                <a href="#">斯林姆国际教育</a>
                                <a href="#">新东方国际学校</a>
                                <a href="#">扬州国际高中</a>
                                <a href="#">扬州外国语学校</a>
                                <a href="#">北美留学直通车</a>
                                <a href="#">优能中学教育</a>
                                <a href="#">东方优播</a>
                                <a href="#">新东方绘本馆</a>
                            </div>
                            <div>
                                <a href="#">前途出国</a>
                                <a href="#">斯芬克</a>
                                <a href="#">国际游学</a>
                                <a href="#">酷学酷玩夏冬令营</a>
                                <a href="#">批改网</a>
                                <a href="#">留留学</a>
                                <a href="#">新东方小语种</a>
                                <a href="#">乐词</a>
                                <a href="#">Garden House</a>
                                <a href="#">北京新东方公益基金会</a>
                            </div>
                        </div>
                    </div>
                    <div class="buy">
                        <p>
                            <a href="#">手机购课</a>
                            <span class="icon icon-2"></span>
                        </p>
                        <div class="imgbox">
                            <img src="./images/minpro.png" alt="">
                            <img src="./images/mxdfcn.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- 横幅 -->
        <section class="top-img">
            <div class="w">
                <a href="#">
                    <img src="./images/op_6125a57d71316.jpeg" alt="">
                </a>

            </div>
        </section>
        <!-- 搜索栏 -->
        <section class="search">
            <div class="w">
                <!-- 左边商标 -->
                <div class="search-left">
                    <div class="logo">
                        <a href="#"></a>
                    </div>
                    <div class="pos">
                        <span class="curCity"><i>|</i> 广州 <span class="icon"></span></span>
                        <div class="cities">
                            <ul>
                                <li>
                                    <span class="letter">A</span>
                                    <a href="#"><span class="active">鞍山</span></a>
                                    <a href="#"><span>安阳</span></a>
                                </li>
                               
                                <li>
                                    <span class="letter">M</span>
                                    <a href="#"><span>绵阳</span></a>
                                </li>
                                <li>
                                    <span class="letter">B</span>
                                    <a href="#"><span>北京</span></a>
                                    <a href="#"><span>保定</span></a>
                                    <a href="#"><span>宝鸡</span></a>
                                    <a href="#"><span>包头</span></a>
                                </li>
                                <li>
                                    <span class="letter">N</span>
                                    <a href="#"><span>南京</span></a>
                                    <a href="#"><span>南昌</span></a>
                                    <a href="#"><span>南宁</span></a>
                                    <a href="#"><span>宁波</span></a>
                                    <a href="#"><span>南通</span></a>
                                </li>
                                <li>
                                    <span class="letter">C</span>
                                    <a href="#"><span>重庆</span></a>
                                    <a href="#"><span>成都</span></a>
                                    <a href="#"><span>长沙</span></a>
                                    <a href="#"><span>长春</span></a>
                                    <a href="#"><span>常州</span></a>
                                    <a href="#"><span>沧州</span></a>
                                    <a href="#"><span>承德</span></a>
                                </li>
                                <li>
                                    <span class="letter">Q</span>
                                    <a href="#"><span>青岛</span></a>
                                    <a href="#"><span>泉州</span></a>
                                    <a href="#"><span>秦皇岛</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 中间搜索框 -->
                <div class="search-mid">
                    <div class="mid-form">
                        <input type="text" placeholder="课程或班号">
                        <button class="btn-sear">搜 索</button>
                    </div>
                    <div class="mid-list">
                        <span>热门搜索：</span>
                        <a class="active" href="#" >考研无忧</a>
                        <a href="#">TOEFL全程班</a>
                        <a href="#">雅思</a>
                        <a href="#">寒假班</a>
                        <a href="#">四级</a>
                        <a href="#">口语</a>
                        <a href="#">高考</a>
                        <a href="#">日语</a>
                        <a href="#">德语</a>
                    </div>
                </div>
                
            </div>
        </section>
        <!-- 导航栏 -->
        <nav class="nav">
            <div class="w">
                <!-- 顶部导航栏 -->
                <div class="nav-top">
                    <a href="#">周末营</a>
                    <a href="#">托管班</a>
                    <a href="#">素质教育</a>
                    <a href="#">小学课程</a>
                    <a href="#">中学课程</a>
                    <a href="#">考研四六级</a>
                    <a href="#">出国留学</a>
                    <a href="#">教师查询</a>
                </div>
                <!-- 左边侧栏 -->
                <div class="nav-left">
                    <p class="tit">全部课程分类</p>
                    <ul>
                        <li>
                            <h3><a href="#">小学辅导</a> <span class="icon"></span></h3>
                            <ol class="lists">
                                <li>
                                    <p>一年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>二年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>三年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>四年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>五年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>六年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                            </ol>
                        </li>
                        <li>
                            <h3><a href="#">中学辅导</a><span class="icon"></span></h3>
                            <ol class="lists">
                                <li>
                                    <p>一年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>二年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>三年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>四年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>五年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                                <li>
                                    <p>六年级</p>
                                    <a href="#">英语<i>|</i></a>
                                    <a href="#">数学<i>|</i></a>
                                    <a href="#">语文</a>
                                </li>
                            </ol>
                        </li>
                        <li>
                            <h3><a href="#">大学考试</a><span class="icon"></span></h3>
                            
                        </li>
                        <li>
                            <h3><a href="#">英语学习</a><span class="icon"></span></h3>
                            
                        </li>
                        <li>
                            <h3><a href="#">出国留学</a><span class="icon"></span></h3>
                           
                        </li>
                        <li>
                            <h3><a href="#">小语种</a><span class="icon"></span></h3>
                           
                        </li>
                        <li>
                            <h3><a href="#">夏冬令营</a><span class="icon"></span></h3>
                            
                        </li>
                        <li>
                            <h3><a href="#">职业考试</a><span class="icon"></span></h3>
                            
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 轮播图 -->
            <div class="banner">
                <div class="img-box">
                    <ul>
                        <li><a href="#"><img src="./images/op_1.jpeg" alt=""></a></li>
                        <li><a href="#"><img src="./images/op_2.jpeg" alt=""></a></li>
                        <li><a href="#"><img src="./images/op_3.jpeg" alt=""></a></li>
                        <li><a href="#"><img src="./images/op_1.jpeg" alt=""></a></li>
                    </ul>
                </div>
                <div class="control">
                    <ol>
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div>
            </div>
        </nav>
        <!-- 活动 -->
        <section class="activity">
            <div class="w">
                <div class="act-tab">
                    <a href="#" class="active">
                        <img src="./images/op_6.jpeg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/op_7.jpeg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/op_8.jpeg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/op_9.jpeg" alt="">
                    </a>
                </div>
                <div class="act-notice">
                    <p><span class="icon"></span>活动公告</p>
                    <ul>
                        <li class="hot"><a href="#">2021广州中考第三批次录取分数线</a></li>
                        <li class="hot"><a href="#">2021年广州南沙中考录取分数线公布</a></li>
                        <li><a href="#">2021广州市中职省级以上重点特色专业中考录取分数线（广州教育信息网）</a></li>
                        <li><a href="#">2021广州市普通高中中考录取分数线（广州教育信息网）</a></li>
                        <li><a href="#">2021广州市中职学校中考录取分数线（广州教育信息网）</a></li>
                        <li><a href="#">2021广州中考7月10日开考90544名考生参加考试</a></li>
                        <li><a href="#">2021广州市中考将延期至7月份具体考试时间待定</a></li>
                    </ul>
                </div>
            </div>
        </section>

        <!-- 小学辅导 -->
        <section class="xiaoxue">
            <div class="w">
                <div class="topping xiao-top">
                    <div class="top-left">
                        <span class="top-tit">小学辅导</span>
                        <div class="top-tab">
                            <a href="javascript:;" class="cur">一年级</a>
                            <a href="javascript:;" class="">二年级</a>
                            <a href="javascript:;">三年级</a>
                            <a href="javascript:;">四年级</a>
                            <a href="javascript:;">五年级</a>
                            <a href="javascript:;">六年级</a>
                        </div>
                    </div>
                    <div class="top-right">
                        <p><span class="icon icon-more"></span>更多课程</p>
                        <p><span class="icon icon-tel"></span>在线咨询</p>
                    </div>

                </div>

                <!-- tab选项卡的内容 -->
                <div class="common-list">
                    <!-- <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div> -->
                </div>

                <!-- 信息 -->
                <div class="common-info">
                    <div class="info-left">
                        <p class="title"><span class="icon icon-consult"></span>小学咨询</p>
                        <div class="info-list">
                            <a href="#" class="hot">广州市花都区2021年花东镇公办小学招生地段及招生计划</a>
                            <a href="#" class="hot">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                        </div>
                    </div>
                    <div class="info-right">
                        <p class="title"><span class="icon icon-show"></span>教师展示</p>
                        <div class="teacher-info">
                            <a href="#">
                                <img src="./images/small_59592ccf0d27b.jpg" alt="">
                                <p>亓晓雨</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_91b168b0bc36d.jpg" alt="">
                                <p>张艳</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_e85d2ab3106f0.jpg" alt="">
                                <p>龙露</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_59592ccf0d27b.jpg" alt="">
                                <p>亓晓雨</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_59592ccf0d27b.jpg" alt="">
                                <p>亓晓雨</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_59592ccf0d27b.jpg" alt="">
                                <p>亓晓雨</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 中学辅导 -->
        <section class="zhongxue">
            <div class="w">
                <div class="topping zhong-top">
                    <div class="top-left">
                        <span class="top-tit">中学辅导</span>
                        <div class="top-tab">
                            <a href="#" class="cur">初一</a>
                            <a href="#" class="">初二</a>
                            <a href="#">初三</a>
                            <a href="#">高一</a>
                            <a href="#">高二</a>
                            <a href="#">高三</a>
                        </div>
                    </div>
                    <div class="top-right">
                        <p><span class="icon icon-more"></span>更多课程</p>
                        <p><span class="icon icon-tel"></span>在线咨询</p>
                    </div>

                </div>

                <!-- tab选项卡的内容 -->
                <div class="common-list">
                    <div class="list-item">
                        <div class="item-time">
                            <p>初一科学秋季一对—OMO教材费班(专项班)</p>
                            <p>开课时间:2021-11-30 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>10</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>广州新东方校区</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                </div>

                <!-- 信息 -->
                <div class="common-info">
                    <div class="info-left">
                        <p class="title"><span class="icon icon-consult"></span>小学咨询</p>
                        <div class="info-list">
                            <a href="#" class="hot">广州市花都区2021年花东镇公办小学招生地段及招生计划</a>
                            <a href="#" class="hot">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                            <a href="#">2021年广州市增城区新塘镇公办小学学区招生范围安排表</a>
                        </div>
                    </div>
                    <div class="info-right">
                        <p class="title"><span class="icon icon-show"></span>教师展示</p>
                        <div class="teacher-info">
                            <a href="#">
                                <img src="./images/small_59592ccf0d27b.jpg" alt="">
                                <p>亓晓雨</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_91b168b0bc36d.jpg" alt="">
                                <p>张艳</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_e85d2ab3106f0.jpg" alt="">
                                <p>龙露</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_59592ccf0d27b.jpg" alt="">
                                <p>亓晓雨</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_59592ccf0d27b.jpg" alt="">
                                <p>亓晓雨</p>
                            </a>
                            <a href="#">
                                <img src="./images/small_59592ccf0d27b.jpg" alt="">
                                <p>亓晓雨</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 大学考试 -->
        <section class="daxue">
            <div class="w">
                <div class="topping daxue-top">
                    <div class="top-left">
                        <span class="top-tit">大学考试</span>
                        <div class="top-tab">
                            <a href="#" class="cur">英语考级</a>
                            <a href="#" class="">考研</a>
                        </div>
                    </div>
                    <div class="top-right">
                        <p><span class="icon icon-more"></span>更多课程</p>
                        <p><span class="icon icon-tel"></span>在线咨询</p>
                    </div>

                </div>

                <!-- tab选项卡的内容 -->
                <div class="common-list">
                    <div class="list-item">
                        <div class="item-time">
                            <p>初一科学秋季一对—OMO教材费班(专项班)</p>
                            <p>开课时间:2021-11-30 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>10</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>广州新东方校区</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- 留学考试 -->
        <section class="liuxue">
            <div class="w">
                <div class="topping liuxue-top">
                    <div class="top-left">
                        <span class="top-tit">留学考试</span>
                        <div class="top-tab">
                            <a href="#" class="cur">英语考级</a>
                            <a href="#" class="">考研</a>
                        </div>
                    </div>
                    <div class="top-right">
                        <p><span class="icon icon-more"></span>更多课程</p>
                        <p><span class="icon icon-tel"></span>在线咨询</p>
                    </div>

                </div>

                <!-- tab选项卡的内容 -->
                <div class="common-list">
                    <div class="list-item">
                        <div class="item-time">
                            <p>初一科学秋季一对—OMO教材费班(专项班)</p>
                            <p>开课时间:2021-11-30 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>10</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>广州新东方校区</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- 小语种 -->
        <section class="xiaoyuzhong">
            <div class="w">
                <div class="topping xiaoyuzhong-top">
                    <div class="top-left">
                        <span class="top-tit">小语种</span>
                        <div class="top-tab">
                            <a href="#" class="cur">德语</a>
                            <a href="#" class="">日语</a>
                            <a href="#">韩语</a>
                        </div>
                    </div>
                    <div class="top-right">
                        <p><span class="icon icon-more"></span>更多课程</p>
                        <p><span class="icon icon-tel"></span>在线咨询</p>
                    </div>

                </div>

                <!-- tab选项卡的内容 -->
                <div class="common-list">
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-time">
                            <p>一年级英语精进长期班下</p>
                            <p>开课时间：2021-10-12 19:00:00</p>
                        </div>
                        <div class="item-price">
                            ￥<span>2300</span>
                        </div>
                        <div class="item-pos">
                            <p><span class="icon"></span>亚运城商业街少儿201</p>
                        </div>
                        <div class="item-detail">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                </div>

                <!-- 信息 -->
                <div class="common-info">
                    <div class="info-left">
                        <p class="title"><span class="icon icon-school"></span>校区环境</p>
                        <div class="school-list">
                            <a href="#">
                                <img src="./images/campus1.png" alt="">
                                <p>大学城教学区</p>
                            </a>
                            <a href="#">
                                <img src="./images/campus1.png" alt="">
                                <p>大学城教学区</p>
                            </a>
                            <a href="#">
                                <img src="./images/campus1.png" alt="">
                                <p>大学城教学区</p>
                            </a>
                            <a href="#">
                                <img src="./images/campus1.png" alt="">
                                <p>大学城教学区</p>
                            </a>
                        </div>
                    </div>
                    
                    </div>
                </div>
            </div>
        </section>

        <!-- 尾部 -->
        <footer class="footer">
            <div class="w">
                <div class="footer-links">
                    <div class="links-title">
                        <img src="./images/xdfLOGO.png" alt="">
                        <span class="line">|</span>
                        <span>广州</span>
                    </div>
                    <div class="links-list">
                        <ul>
                            <li>
                                <p>关于新东方</p>
                                <div>
                                    <a href="#">旗下品牌</a>
                                    <a href="#">加入我们</a>
                                    <a href="#">企业微博</a>
                                    <a href="#">管理团队</a>
                                    <a href="#">发展历程</a>
                                </div>
                            </li>
                            <li>
                                <p>关于新东方</p>
                                <div>
                                    <a href="#">旗下品牌</a>
                                    <a href="#">加入我们</a>
                                    <a href="#">企业微博</a>
                                    <a href="#">管理团队</a>
                                    <a href="#">发展历程</a>
                                </div>
                            </li>
                            <li>
                                <p>关于新东方</p>
                                <div>
                                    <a href="#">旗下品牌</a>
                                    <a href="#">加入我们</a>
                                    <a href="#">企业微博</a>
                                    <a href="#">管理团队</a>
                                    <a href="#">发展历程</a>
                                </div>
                            </li>
                            <li>
                                <p>关于新东方</p>
                                <div>
                                    <a href="#">旗下品牌</a>
                                    <a href="#">加入我们</a>
                                    <a href="#">企业微博</a>
                                    <a href="#">管理团队</a>
                                    <a href="#">发展历程</a>
                                </div>
                            </li>
                            <li>
                                <p>关于新东方</p>
                                <div>
                                    <a href="#">旗下品牌</a>
                                    <a href="#">加入我们</a>
                                    <a href="#">企业微博</a>
                                    <a href="#">管理团队</a>
                                    <a href="#">发展历程</a>
                                </div>
                            </li>
                            <li>
                                <p>关于新东方</p>
                                <div>
                                    <a href="#">旗下品牌</a>
                                    <a href="#">加入我们</a>
                                    <a href="#">企业微博</a>
                                    <a href="#">管理团队</a>
                                    <a href="#">发展历程</a>
                                </div>
                            </li>
                        </ul>
                        <div class="code">
                            <img src="./images/233598c32e2047d38dd9982dd85c3419.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="footer-bottom">
                    <p>经营许可证编号：<a href="#">京ICP备05067667号-32</a> | 京ICP证060601号 | 京网文【2019】5257-605号 | 京公网安备11010802021790号</p>
                    <p>Copyright 2011-2021 新东方教育科技集团有限公司, All Rights Reserved</p>
                    <div>
                        <a href="#"><img src="./images/sf.png" alt=""></a>
                        <a href="#"><img src="./images/cnnic.png" alt=""></a>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <script src="./jquery/jquery-3.6.0.min.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>